<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="../../../../header.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>角色搜索</title>
	<style>
	#manage-form{
		display: table;
	}
	.table-row{
		display: table-row;
	}
	.table-row>*{
		display: table-cell;
		margin-left: 20px;
		margin-top: 5px;
	}
	table[id="search"]{
		margin:0 auto;
	}
	table[id="search"] td{
		height: 30px;
	}
	table[id="search"] td >*{
		height: 100%;
		width: 100px;
	}

</style>
</head>
<body style="align: center;" >
	<div style="width:100%;height:100%;display: table;">
		<form id="manage-form" action="" style="width:100%;display: table-cell;vertical-align: middle;" >
			<div id="fbox_list" class="searchFilter" style="overflow:auto">
				<table id="search" class="group ui-widget ui-widget-content" style="border:0px none;">
					<tbody>
						<tr class="error" style="display:none;">
							<th colspan="5" class="ui-state-error" align="left"></th>
						</tr>
						<tr>
							<th colspan="5" align="left"><span></span></th>
						</tr>
						<tr>
							<td class="first"></td>
							<td class="columns">
								<select id="searchField">

									<option value="companyname" selected="selected">公司名称</option>
									<option value="rolecode" >角色編碼</option>
									<option value="rolename">角色名稱</option>
								</select></td>
								<td class="operators">
									<select class="selectopts" id="searchOper"><option value="eq" selected="selected">等于</option><option value="ne">不等</option></select></td>
									<td class="data">
										<input type="text" id="searchString" role="textbox" class="input-elm" style="width: 98%;" /></td>
										<td></td>
									</tr>
								</tbody>
							</table>
						</div>
					</form>
				</div>

				<script type="text/javascript">
					var api=frameElement.api;
					var operate=api.data.operate;
					var rowid=api.data.rowid;
					var rowdata=api.data.rowdata;
					var CallBack=api.data.callback;
					var grid=api.data.grid;
					$(function(){
						
						initPopBtns();
						
					})
					function initPopBtns() {
						var btnname=["搜索", "取消"];
						api.button({
							id: "confirm",
							name: btnname[0],
							focus: true,
							callback: function(e) {
								var searchField=$("#searchField").val();
								var searchOper=$("#searchOper").val();
								var searchString=$("#searchString").val();
								var data={searchField:searchField,searchOper:searchOper,searchString:searchString};
								CallBack(data);

							}
						}, {
							id: "cancel",
							name: btnname[1]
						})
					}



				</script>
			</body>
			</html>